<template>
  <div class="page">
    <div class="router-box" style="overflow: scroll">
      <router-view></router-view>
    </div>
    <van-tabbar v-model="active" route :placeholder="true" :border="true" active-color="#ee0a24" inactive-color="#000">
      <van-tabbar-item name="home" to="/" icon="home-o"> 首页 </van-tabbar-item>
      <van-tabbar-item name="category" to="/category" icon="apps-o">
        分类
      </van-tabbar-item>
      <van-tabbar-item name="cart" to="/cart" icon="cart-o">
        购物车
      </van-tabbar-item>
      <van-tabbar-item name="mine" to="/mine" icon="user-o">
        我
      </van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style>
/* .router-box::-webkit-scrollbar {
  width: 0 !important;
}
.router-box::-webkit-scrollbar {
  width: 0 !important;
  height: 0;
} */
.router-box{
  height: calc(100vh - 50px);
}
</style>